<nz-layout>
  <nz-layout class="app-layout">
    <nz-sider class="nav-sider" nzWidth="180px" *ngIf="isLoggedIn">
      <div class="sidebar-logo">
        <a href="https://ng.ant.design/" target="_blank">
          <img src="https://ng.ant.design/assets/img/logo.svg" alt="logo">
          <h1>用户管理</h1>
        </a>
      </div>

      <nz-content class="nav-content">
        <app-nav class="app-nav" [isLoggedIn]="isLoggedIn"></app-nav>
      </nz-content>
    </nz-sider>

    <nz-layout class="content-layout">
      <nz-header style="background-color: white; color: black; align-items: center; text-align: center;">
        <div nz-row [nzGutter]="24">
          <div nz-col [nzSpan]="6">
          </div>

          <div nz-col [nzSpan]="12">
            <span>{{contentHeader}}</span>
          </div>

          <div nz-col [nzSpan]="6">
            <app-home-header></app-home-header>
          </div>
        </div>
      </nz-header>
      <nz-content class="content-class">
        <router-outlet class="content-router"></router-outlet>
      </nz-content>
    </nz-layout>
  </nz-layout>
</nz-layout>